@charset "utf-8";
/* CSS Document */


html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,
table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:12px/1.14 arial,\5b8b\4f53;outline:0;}
body{ }
a,a:hover{ }

/* z */


/* index */
html { overflow:hidden; width:100%; height:100%; }
body { overflow:hidden; width:100%; height:100%; text-align:center; font-size:12px; font-family:"microsoft yahei"; }
a { text-decoration:none;}
a:hover { text-decoration: none;}


/* grid */

.g-layout-page { position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%;   }
.g-top,
.g-bottom,
.g-left,
.g-right,
.g-content { position:absolute;}

.g-top { top:0; left:0; width:100%; height:119px; }
.g-bottom { top:470px;  left:0; width:100%; height:38px; }
.g-left { top:80px; bottom:38px; left:0; width:95px; }
.g-right {}
.g-content { top:120px; left:0; width:100%; height:336px; text-align:center;  }
.g-boxMinw { margin:0 auto; width:1020px; }

[class^="g-box"]:after,
[class^="g-box"]:before { display:block; clear:both; overflow:hidden; height:0; content:""; }
.g-box { position:relative; margin:0 auto; padding:0; clear:both; }
.g-box2 { position:relative; margin:0 auto; padding:0; clear:both; }
.g-box3 { position:relative; margin:0 auto; padding:0; clear:both; width:800px;  height:336px; border-radius:8px; box-shadow:0 3px 5px 3px #fff; }

.s-bg {  padding:5px; height:230px; 
 
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#008BD8,endcolorstr=#004A85,gradientType=0);
	background-color:#008BD8\9\0;
	background: -ms-linear-gradient(top, #008BD8,  #004A85);  /* IE 10 */  
    background: -moz-linear-gradient(top,#008BD8,  #004A85);  /* ff */   
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#008BD8), to(#004A85)); /* Safari 4-5, Chrome 1-9*/       
    background: -webkit-linear-gradient(top, #008BD8, #004A85);   /*Safari5.1 Chrome 10+*/
}
.s-bg2 { background:#f0f0f0 url(../images/style/bg_box2.png) -230px -15px no-repeat;}

.m-head { margin:30px auto 0; width:1000px; height:67px; text-align:left;}
.m-head img.logo {  height:67px; width:auto;}
.m-head div.logo { position:relative; float:left; width:50%; height:92px;}
.m-head div.logo .z-ab-1 { position:absolute; top:20px; left:20%;}
.m-head div.logo .z-ab-2 { position:absolute; top:50px; left:20%;}
.m-head div.logo h1,
.m-head div.logo h2 { width:500px; overflow:hidden; text-align: left;
	text-shadow: -1px 1px 2px #008BD8; 
	font-weight:normal;
	font-family:"microsoft yahei";
	color:#fff;}
.m-head div.logo h1 {  font-size:26px; }
.m-head div.logo h2 {  font-size:12px; }


.m-footer { margin:0 auto; width:1000px; height:38px; text-align: center;}
.m-footer span { color:#fff;}


.m-login { position:absolute; right:50px; top:-30px; width:300px; 
filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#008BD8,endcolorstr=#004A85,gradientType=0);
	background-color:#008BD8\9\0;
	background: -ms-linear-gradient(top, #008BD8,  #004A85);  /* IE 10 */  
    background: -moz-linear-gradient(top,#008BD8,  #004A85);  /* ff */   
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#008BD8), to(#004A85)); /* Safari 4-5, Chrome 1-9*/       
    background: -webkit-linear-gradient(top, #008BD8, #004A85);   /*Safari5.1 Chrome 10+*/

}
.m-login:after,
.m-login:before { position:absolute; top:0; display:block; overflow:hidden; width:22px; height:32px; content:"";  }
.m-login:after { left:-22px; background:url(../images/style/ico_arr_left.png) 0 0 no-repeat;}
.m-login:before { right:-22px; background:url(../images/style/ico_arr_right.png) 0 0 no-repeat;}
.m-login .ins { margin:20px 20px;}

.u-title { height:47px;  text-align:left; border-bottom:#a2bee3 2px solid; }
.u-title span.text { vertical-align:middle; margin:0 10px; line-height:47px; font-size:20px; font-weight:bold; color:#fff;}
.u-title .ico-pic { vertical-align:middle;   }

.u-inp {}
.u-inp .cell { position:relative; padding:10px 0; text-align:left; }
.u-inp .cell i.ico { position:absolute; top:15px; left:5px; }
.u-inp input.text { padding:8px; text-indent:20px; border:none; background:#fff;}
.u-inp .w-260 { width:245px;}
.u-inp .w-130 { width:110px;}
.u-inp .cell .ver-img { position:absolute; top:10px; left:140px; width:67px; height:28px;}
.u-inp .cell a.ver-link { display:block; position:absolute; top:10px; left:215px; width:50px; font-weight:bold; line-height:1.1; color:#C5E8FF;}

[class^="u-btn"] { cursor:pointer; margin:0; padding:0; overflow:visible; vertical-align:middle; 
font-family: "microsoft yahei";border:none; background:none;}

.u-btn-log { width:100%; padding:10px 0; font-size:18px; font-weight:bold; color:#fff; background:#317AB7;}








